<template>
  <div>
    {{ val }}
    <select v-model="val">
      <option value="北京">北京</option>
      <option value="上海">上海</option>
      <option value="武汉">武汉</option>
      <option value="广州">广州</option>
      <option value="深圳">深圳</option>
    </select>
  </div>
</template>

<script>
export default {
  data () {
    return {
      val: ''
    }
  },
  watch: {
    val (newval) {
      this.$emit('changeHandle', newval)
    }
  }
}
</script>

<style>
</style>